import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'

// import HomeView from '@/views/HomeView.vue'
// import SearchView from '@/views/SearchView.vue'
// import NotFoundView from '@/views/NotFoundView.vue'

// 创建路由实例
const router = createRouter({
  // history: createWebHashHistory(), // hash 路由模式，地址栏有 #/ 标识
  // 注意事项：html5 路由模式，需要【运维工程师】在服务器添加配置，参考 Vue Router 官网操作
  history: createWebHistory(), // 常规 html5 路由模式，地址栏无 # 符号
  routes: [  // 路由配置表
    { path: '/find', component: () => import('@/views/FindView.vue') },
    { path: '/my', component: () => import('@/views/MyView.vue') },
    { path: '/friend', component: () => import('@/views/FriendView.vue') },
    { path: '/home', component: () => import('@/views/HomeView.vue') },
    // redirect 重定向，避免首页白屏
    { path: '/', redirect: '/home' },
    // 可选动态路由参数，避免无参数时白屏
    { name: 'SearchView', path: '/search/:keyword?', component: () => import('@/views/SearchView.vue') },
    // 404 页面，避免路径不存在时白屏
    { path: '/:pathMatch(.*)*', component: () => import('@/views/NotFoundView.vue') }
  ],
})

// 导出了路由实例
export default router